<template>
  <div id="data-view-hongcheng">
    <dv-full-screen-container>
      <top-header />
      <el-row type="flex" class="row-bg">
        <el-col :span="18">
          <el-row type="flex" class="row-bg">
              <el-col :span="8">
                <Left :rows="data" :info="info" />
              </el-col>
              <el-col :span="16">
                <Center :rows="data" />
              </el-col>
          </el-row>
          <Bottom :rows="data" />
        </el-col>
        <el-col :span="6">
          <Right :rows="data" />
        </el-col>
      </el-row>
      
    </dv-full-screen-container>
  </div>
</template>
<script>
import topHeader from '../components/youeryuan/header'
import Left from '../components/youeryuan/left'
import Center from '../components/youeryuan/center'
import Right from '../components/youeryuan/right'
import Bottom from '../components/youeryuan/bottom'
import { index as indexApi } from '../api/eye'
import { info as infoApi } from '../api/app'
export default {
  name: 'DataView',
  components: {
    topHeader,
    Left,
    Center,
    Right,
    Bottom
  },
  data () {
    return {
      data: {},
      info: {}

    }
  },
  created(){
    var school_id = this.$route.query.school_id
    console.log(school_id)
    indexApi({school_id}).then(res=> {
      this.data = res
    })
    infoApi({school_id}).then(res=> {
      this.info = res
    })
  },
  methods: {
    

 }
};
</script>

<style>
#data-view-hongcheng .title-h1{ font-size: 16px; color: #ffc600 }
</style>
<style lang="less" scoped>
body{margin:0 ; padding:0;}
#data-view {
  width: 100%;
  height: 100%;
  background-color: #030409;
  color: #fff;
}
#dv-full-screen-container{
  background:#000a3b;
  background-size: 100% 100%;
  display: flex;
  flex-direction: column;
}
.main-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding:45px 1%;
  padding-top:0px;
  width:98%;
  height:-webkit-calc(100% - 131px); 
  height:-moz-calc(100% - 131px); 
  height:calc(100% - 131px); 
}

</style>
